﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet" href="/static/css/table.css"
			type="text/css"></link>
	</head>
	<!--以下3个js库必须按照顺序引入-->
	<!--vue脚本库-->
	<script type="text/javascript"
			src="/static/js/vue-3.2.4.global.js">
		<!--axios脚本库-->
	</script>
	<script type="text/javascript"
			src="/static/js/axios-0.18.0.min.js">
	</script>
	<!--我们自己封装的axios函数库 -->
	<script type="text/javascript"
			src="/static/js/axios-helper.js">
	</script>
	<body id="app">
		 
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是:人力资源--培训管理--调动登记查看</font>
					</td>
				</tr>
				<tr>
					<td align="right">
						<input type="button" class="BUTTON_STYLE1" onclick="javascript:window.history.back();" value="返回">
					</td>
				</tr>
			</table>
		<table width="100%" border="1" cellpadding=0 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr height="21">
					<td class="TD_STYLE1" width="8%">
						档案编号
					</td>
					<td class="TD_STYLE2" width="10%">
						{{majorChange.humanId}}
					</td>					
					<td class="TD_STYLE1" width="8%">
						姓名
					</td>					
					<td class="TD_STYLE2" width="10%">
						{{majorChange.humanName}}
					</td>
					<td class="TD_STYLE1" width="8%">						
					</td>
					<td class="TD_STYLE2" width="10%">						
					</td>
					<td class="TD_STYLE1" width="8%">
					</td>
					<td class="TD_STYLE2" width="10%">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1" width="8%">
						原一级机构
					</td>
					<td class="TD_STYLE2" >
						{{majorChange.firstKindName}}
					</td>
					<td class="TD_STYLE1" width="8%">
						原二级机构
					</td>
					<td class="TD_STYLE2" width="10%">
						{{majorChange.secondKindName}}
					</td>
					<td class="TD_STYLE1" width="8%">
						原三级机构
					</td>
					<td class="TD_STYLE2" width="10%">
						{{majorChange.thirdKindName}}
					</td>					
					<td class="TD_STYLE1" width="8%">						
					</td>
					<td class="TD_STYLE2" width="10%">						
					</td>
				</tr>

				<tr>
					<td class="TD_STYLE1">
						原职位分类
					</td>
					<td class="TD_STYLE2">
						{{majorChange.majorKindName}}
					</td>
					<td class="TD_STYLE1" width="12%">
						原职位名称
					</td>
					<td class="TD_STYLE2">
						{{majorChange.majorName}}
					</td>
					<td class="TD_STYLE1">
						原薪酬标准
					</td>
					<td class="TD_STYLE2">
						{{majorChange.salaryStandardName}}
						</td>
					<td class="TD_STYLE1">
						原薪酬总额
					</td>
					<td class="TD_STYLE2" >
						{{majorChange.salarySum}}
					</td>
				</tr>				
				<tr>
					<td class="TD_STYLE1">
						新一级机构名称
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option>
								{{majorChange.newFirstKindName}}
							</option>
						</select>
						
					</td>
					<td class="TD_STYLE1" width="12%">
						新二级机构名称
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option>
								{{majorChange.newSecondKindName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1" width="12%">
						新三级机构名称
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option>
								{{majorChange.newThirdKindName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1" width="8%">
					</td>
					<td class="TD_STYLE2" width="10%">
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						新职位分类
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option>
								{{majorChange.newMajorKindName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1" width="12%">
						新职位名称
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option>
								{{majorChange.newMajorName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						新薪酬标准
					</td>
					<td class="TD_STYLE2">
						<select class="INPUT_STYLE2">
							<option >
								{{majorChange.newSalaryStandardName}}
							</option>
						</select>
					</td>
					<td class="TD_STYLE1">
						新薪酬总额
					</td>
					<td class="TD_STYLE2">
						{{majorChange.newSalarySum}}
					</td>
				</tr>
								
				<tr>
					<td class="TD_STYLE1">
						登记人
					</td>
					<td class="TD_STYLE2">
						{{majorChange.register}}
					</td>
					<td class="TD_STYLE1">
						登记时间
					</td>
					<td class="TD_STYLE2">
						{{majorChange.registTime}}
					</td>
					<td class="TD_STYLE1">
						复核人
					</td>
					<td class="TD_STYLE2">
						{{majorChange.checker}}
					</td>
					<td class="TD_STYLE1">
						复核时间
					</td>
					<td class="TD_STYLE2">
						{{majorChange.checkTime}}
					</td>
				</tr>
				<tr>
					<td class="TD_STYLE1">
						调动原因
					</td>
					<td colspan="7" class="TD_STYLE2">
						<textarea  rows="6" readonly="readonly" class="TEXTAREA_STYLE1">
							{{majorChange.changeReason}}
						</textarea>
					</td>
				</tr>
			</table>
	</body>
	<script type="module">
		Vue.createApp({
			data(){
				return{
					majorChange:{
						//自增
						mchid:null,
						//一级机构编号
						firstKindId:null,
						//一级机构名称
						firstKindName:null,
						//二级机构编号
						secondKindId:null,
						//二级机构名称
						secondKindName:null,
						//三级机构编号
						thirdKindId:null,
						//三级机构名称
						thirdKindName:null,
						//职位分类编号
						majorKindId:null,
						//职位分类名称
						majorKindName:null,
						//职位编号
						majorId:null,
						//职位名称
						majorName:null,
						//新一级机构编号
						newFirstKindId:null,
						//新一级机构名称
						newFirstKindName:null,
						//新二级机构编号
						newSecondKindId:null,
						//新二级机构名称
						newSecondKindName:null,
						//新三级机构编号
						newThirdKindId:null,
						//新三级机构名称
						newThirdKindName:null,
						//新三级机构名称
						newMajorKindId:null,
						//新职位分类名称
						newMajorKindName:null,
						//新职位编号
						newMajorId:null,
						//新职位名称
						newMajorName:null,
						//人力资源档案编号
						humanId:null,
						//姓名
						humanName:null,
						//薪酬标准编号
						salaryStandardId:null,
						//薪酬标准名称
						salaryStandardName:null,
						//薪酬总额
						salarySum:null,
						//薪酬总额
						newSalaryStandardId:null,
						//新薪酬标准名称
						newSalaryStandardName:null,
						//新薪酬总额
						newSalarySum:null,
						//调动原因
						changeReason:null,
						//复核意见
						checkReason:null,
						//复核通过状态
						checkStatus:null,
						//登记人
						register:null,
						//复核人
						checker:null,
						//登记时间
						registTime:null,
						//复核时间
						checkTime:null
					}
				}
			},
			methods:{

			},
			created(){
				requestGet("/majorChange/queryById",{
					mchid:sessionStorage.getItem("mchid")
				}).then((data)=>{
					console.info(data);
					this.majorChange=data;
				})
			}
		}).mount("#app");
	</script>
</html>


